/**
 * Copyright 2018-2020 Streamlit Inc.
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *    http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

@import "src/assets/css/variables";

header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  height: 0;
  z-index: $z-index-header;
}

.streamlit-wide header {
  background-image: linear-gradient(
    180deg,
    #ffffff 25%,
    rgba(255, 255, 255, 0.5) 75%,
    transparent
  );
}

header .decoration {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 2px;
  background-image: linear-gradient(90deg, #f63366, #fffd80);
  z-index: $z-index-header;
}

header > .toolbar {
  position: absolute;
  top: 0;
  right: 1rem;
  height: 3.5rem;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.streamlit-embedded header {
  display: none;
}

@media (max-width: 768px) {
  header,
  .streamlit-wide header {
    position: absolute;
    background: unset;
  }
}

@media print {
  header {
    display: none;
  }
}
